<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小白影院订票系统</title>

<link rel="stylesheet" href="css/step.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/img.css">
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/progressStep.min.js"></script>

</head>
<body>

	<div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">小白影院订票系统</a>
        </div>
        <div class="navbar-collapse collapse">
          
        </div><!--/.navbar-collapse -->
      </div>
    </div>



    <div class="container">
		<div class="row">
			<div class="col-lg-3">
				<ul class="nav nav-pills nav-stacked">
				 <li class="active"><a href="#"><span class="icon-film"></span><span class="mls"> 浏览影片</span></a></li>
				<li><a href="#"><span class="icon-clock"></span><span class="mls"> 选择场次</span></a></li>
				<li><a href="#"><span class="icon-users"></span><span class="mls"> 选择座位</span></a></li>
				<li><a href="#"><span class="icon-cart"></span><span class="mls"> 提交订单</span></a></li>
				<li><a href="#"><span class="icon-cart3"></span><span class="mls"> 查看订单</span></a></li>
				</ul>
			</div>
			<div class="col-lg-9">
				
					<div class="col-lg-3">
						<div><img src="imgs/1.jpg" /></div>
						<div><a href="showtime.html">六指琴魔</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/2.jpg"/></div>
						<div><a href="showtime.html">12Rounds</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/3.jpg"/></div>
						<div><a href="showtime.html">HEAT</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/4.jpg"/></div>
						<div><a href="showtime.html">KILLING　LINCOLN</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/5.jpg"/></div>
						<div><a href="showtime.html">风云武者</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/6.jpg"/></div>
						<div><a href="showtime.html">逃出升天</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/7.jpg"/></div>
						<div><a href="showtime.html">美女吃葡萄</a></div>
					</div>
					<div class="col-lg-3">
						<div><img src="imgs/8.jpg"/></div>
						<div><a href="showtime.html">私人订制</a></div>
					</div>
				
			</div>
		</div>			
	</div>
		
		
		
      <hr>
      <footer>
	  <center>
        <p>&copy; Company 2013</p>
		</center>
      </footer>
    </div> <!-- /container -->


</body>
</html>
